﻿
@{
    Layout = null;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow:auto;overflow-x:hidden">
<head>
    <title>天地图-山东</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    @*<script src="~/Scripts/map/third/Security/core.js" type="text/javascript"></script>
        <script src="~/Scripts/map/third/Security/enc-base64.js" type="text/javascript"></script>
        <script src="~/Scripts/map/third/Security/cipher-core.js" type="text/javascript"></script>
        <script src="~/Scripts/map/third/Security/pad-zeropadding.js" type="text/javascript"></script>
        <script src="~/Scripts/map/third/Security/aes.js" type="text/javascript"></script>
        <script src="~/Scripts/map/third/Security/des.js" type="text/javascript"></script>*@
    <!--   <link href="third/jhislider/css/jquery.hiSlider.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="third/jstree/themes/default/style.css" />-->
    <link href="~/Content/Map/third/jqueryui/jquery.ui.all.css" rel="stylesheet" />
    <link href="~/Content/Map/third/jpicker/jpicker-1.1.6.min.css" rel="stylesheet" />
    <link rel="icon" href="~/Content/Map/images/icon.png" type="images/png" />


    <style type="text/css">
        #dropdown-menu {
            top: 32px;
            padding: 0;
            width: 360px;
        }

            #dropdown-menu dt {
                line-height: 36px;
                margin-bottom: 8px;
                padding-left: 10px;
                box-shadow: 0 0 10px rgba(0,0,0,.3);
                font-weight: 700;
                border-bottom: solid 1px #ccc;
            }

            #dropdown-menu dd {
                line-height: 28px;
                height: 28px;
            }

                #dropdown-menu dd a {
                    display: inline-block;
                }

                #dropdown-menu dd span:first-child {
                    margin-left: 10px;
                }

                #dropdown-menu dd span:last-child {
                    margin-right: 10px;
                }

        #myList {
            height: 200px;
            overflow-y: auto;
        }
    </style>

    <link href="~/Content/Map/css/alert.css" rel="stylesheet" />

    @*<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>*@
    <script src="~/Scripts/map/jquery1.9.1.min.js"></script>
    @*<script type="text/javascript" src="~/Scripts/map/jquery.min.js"></script>*@
    <script type="text/javascript" src="~/Scripts/map/third/jstree.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/hashtable.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/slider.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/highcharts.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/jpicker/jpicker-1.1.6.min.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/jqueryui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/es5compat.js"></script>
    <script type="text/javascript" src="~/Scripts/map/third/turf.min.js"></script>
    <!--   <script type="text/javascript" src="third/util.js"></script><script src="third/jhislider/js/jquery.hiSlider.js" type="text/javascript"></script><script src="third/jhislider/js/sdhiSlider.js" type="text/javascript"></script><script type="text/javascript" src="Openlayers/OpenLayers.js"></script><script type="text/javascript" src="../dat/imglayers.js"></script>
    -->
    <script type="text/javascript">
        (function () {
            var cssfiles = [
                "../Content/Map/third/jhislider/css/jquery.hiSlider.css",
                "../Content/Map/third/jstree/themes/default/style.css",
                // ,
                // "third/jqueryui/themes/base/jquery.ui.all.css",
                // "third/jpicker/css/jpicker-1.1.6.min.css"
                "../Content/Map/css.min/style.min.css"
            ];
            var jsfiles = [
                // "third/jstree/jstree.js",
                // "third/hashtable.js",
                "../Scripts/map/third/util.js",
                // "third/jquery.idTabs.min.js",
                "../Scripts/map/third/slider.js",
                // "third/highcharts.js",
                // "third/jpicker/jpicker-1.1.6.min.js",
                // "third/jqueryui/ui/minified/jquery-ui.min.js",
                "../Scripts/map/third/jhislider/js/jquery.hiSlider.js",
                "../Scripts/map/third/jhislider/js/sdhiSlider.js",
                // "third/es5compat.js",
                // "third/turf.min.js",
                "../Scripts/map/Openlayers/OpenLayers.js",
                "../Scripts/map/dat/imglayers.js",
                "../Scripts/map/js.min/sdmapapi.min.js"
            ];

            var webVersion = "V2.11.8";

            function loadjscss(a, t, s) {
                var h = [];
                if (s == "js")
                    for (var i = 0; i < a.length; i++)
                        h.push("<script src='" + a[i] + t + "'type='text/javascript'></scr" + "ipt>");
                else
                    for (var i = 0; i < a.length; i++)
                        h.push("<link href='" + a[i] + t + "'rel='stylesheet'/>");
                document.write(h.join(''));
            }
            var D = {
                css: function (c) {
                    var a = document.getElementsByTagName("head")[0];
                    var b = document.createElement("link");
                    b.href = c;
                    b.rel = "stylesheet";
                    b.type = "text/css";
                    a.appendChild(b)
                },
                js: function (c) {
                    var b = document.getElementsByTagName("head")[0];
                    var a = document.createElement("script");
                    a.src = c;
                    a.type = "text/javascript";
                    b.appendChild(a)
                }
            };
            var _t = ("?_t=" + (new Date).getTime()).substr(0, 8);
            loadjscss(cssfiles, _t, "css"),
                loadjscss(jsfiles, _t, "js");

            hello();
        })();

        function hello() {
            $.ajax({
                type: "GET",
                url: "GetRoleName",
                dataType: "json",
                success: function (result) {
                    var data = result.result;
                    if (data == "乡镇网格管理员" || data == "社区网格管理员" || data == "县网格管理员") {
                        $("#btnbaojing").show();
                        var myAudio = document.getElementById("myaudio");
                        $.ajax({
                            type: "GET",
                            url: "GetCallPolices",
                            dataType: "json",
                            success: function (result) {
                                var data = result.result;

                                if (data.length > 0) {
                                    $(".baojing").hide();
                                    $(".baojin").show();
                                    myAudio.play();
                                }
                                else {
                                    $(".baojing").show();
                                    $(".baojin").hide();
                                    myAudio.pause();
                                }
                            },
                            error: function (b, a) {
                                console.log && console.log("矛盾纠纷数据请求" + a)
                            }
                        });
                    }
                    else {
                        $("#btnbaojing").hide();
                    }
                },
                error: function (b, a) {
                    console.log && console.log("获取数据失败" + a)
                }
            });
        }
        //重复执行某个方法
        var t1 = window.setInterval(hello, 3000);

        var anumber = 1;
    </script>

</head>

<body style="overflow-y:hidden" oncontextmenu="return false;">
    <div id="left_center" data-calc-height="100%-0px">
        <div id="left">
            <div id="tab_search"></div>
            <div id="tab_gps"></div>
            <div id="tab_resource"></div>
            <div id="tab_search_cont" style="width: 100%;height: 100%">
                <div id="query_div" style="margin-top:45px;height:40px;">
                    <input type="text" id="left_query_text" />
                    <div id="textlist"></div>
                    <input type="button" id="left_query_btn" />
                </div>
                <div id="tab_search_div1" style="width:100%;display:block;margin-top:10px;" data-calc-height="100%-75px">
                    <div id="left_fenlei_div" class="fenlei_div" style="width:100%;height:80px;">
                        <!--隐藏域code-->
                        <input id="hidCode" type="hidden" />

                        <ul>
                            @*<li id="fenlei_bg" class="fenleiClass" code="citycenter">
                                    <img src="~/Content/Map/images/leftDiv/transparent.gif" />县综治中心
                                </li>*@
                            <li id="fenlei_cy" class="fenleiClass" code="townscenter">
                                <img src="~/Content/Map/images/leftDiv/transparent.gif" />大网格
                            </li>
                            <li id="fenlei_sd" class="fenleiClass" code="communitycenter">
                                <img src="~/Content/Map/images/leftDiv/transparent.gif" />中网格
                            </li>
                            <li id="fenlei_yy" class="fenleiClass" code="smallcenter">
                                <img src="~/Content/Map/images/leftDiv/transparent.gif" />小网格
                            </li>
                            <li id="fenlei_cs" class="fenleiClass" code="patrolman" data-userType="非群众">
                                <img src="~/Content/Map/images/leftDiv/transparent.gif" />综治人员
                            </li>
                            @*<li id="fenlei_yh" class="fenleiClass" code="issue">
                                    <img src="~/Content/Map/images/leftDiv/transparent.gif" />矛盾纠纷
                                </li>
                                <li id="fenlei_atm" class="fenleiClass" code="video">
                                    <img src="~/Content/Map/images/leftDiv/transparent.gif" />视频监控
                                </li>*@
                        </ul>

                    </div>
                    <div style="width: 300px;height: auto;background: #f3f3f3;padding: 10px 0 0;">
                        <div class="flex-container">
                            <div class="flex-item fenleiClass" code="basicPerson">
                                <a class="imgwrap" href="javascript:void(0);">
                                    <img src="~/Content/Map/images/numb.png" style="background: none;" />
                                </a>
                                <div class="text-title text-center">
                                    实有房屋人口
                                </div>
                            </div>
                            <div class="flex-item fenleiClass" code="specialpeople">
                                <a class="imgwrap" href="javascript:void(0);">
                                    <img src="~/Content/Map/images/work.png" style="background: none;" />
                                </a>
                                <div class="text-title text-center">
                                    特殊人群
                                </div>
                            </div>
                            @*<div class="flex-item fenleiClass" code="fireFightingWork">
                                    <a class="imgwrap" href="javascript:void(0);">
                                        <img src="~/Content/Map/images/work.png" style="background: none;" />
                                    </a>
                                    <div class="text-title text-center">
                                        消防工作
                                    </div>
                                </div>*@
                            <div class="flex-item fenleiClass" code="patrolman" data-userType="群众">
                                <a class="imgwrap" href="javascript:void(0);">
                                    <img src="~/Content/Map/images/peop.png" style="background: none;" />
                                </a>
                                <div class="text-title text-center">
                                    注册群众管理
                                </div>
                            </div>
                        </div>
                        <div class="my-list-group">
                            <div class="list-title">
                                社会稳定风险评估
                            </div>
                            <div class="list-group">
                                <a href="/Application/Index#!/supportingSystems" class="list-group-item" target="_blank">配套制度</a>
                                <a href="/Application/Index#!/assessmentReports" class="list-group-item" target="_blank">评估报告报备情况</a>
                                <a href="/Application/Index#!/projectStatuss" class="list-group-item" target="_blank">年度实施穏评的项目情况</a>
                            </div>
                        </div>
                        <div class="my-list-group">
                            <div class="clearfix">
                                <div class="list-title pull-left">
                                    法律法规
                                </div>
                                <div class="list-title pull-right">
                                    <a href="/Application/Index#!/lawsRegulationss" target="_blank"> 更多>></a>
                                </div>
                            </div>
                            <div id="lawsRegulationses" class="list-group">
                            </div>
                        </div>
                    </div>
                    @*<div style="position:absolute;left:0;bottom:0;">
                            <img src="~/Content/Map/images/leftbuttom.png" style="width:300px;height: auto;" />
                        </div>*@

                    @*<div id="left_text" data-calc-height="100%-185px" class="nano has-scrollbar" style="color:gray">
                             添加动态信息
                            <div style="width:292px;padding: 4px">
                                <ul class="hiSlider"></ul>

                            </div>


                        </div>*@

                </div>
                <div id="tab_search_div2" style="width:100%;display:none;position:relative;margin-top:10px;" data-calc-height="100%-85px"></div>

            </div>
            <div id="tab_gps_div" style="display: none;position: relative;margin-top: 40px;" data-calc-height="100%-50px"></div>
            <div id="tab_resource_div" style="display: none;">
                @*<div class="tab_resource_title">
                        <p>专题图层</p>
                        <div id="tab_resource_identi">
                            <input type="checkbox" />要素识别
                        </div>
                        <span>
                            <a href="javascript:ResourceList.cancelSelectNode();">[关闭所选图层]</a>
                        </span>

                    </div>*@
                @*<div id="pub_tc_tree" style="display: block;" class="list-group">
                    </div>*@

                <div id="treeview7" class=""></div>

            </div>

        </div>
        <div id="center" data-calc-width="100%-304px">
            <div id="rightWidgetDiv"></div>
            <div id='toolDiv' class='transparent_toolbar'>
                <ul style="margin:3px 0">
                    <li id="btnExtent" class="btnToolbar" style="margin-right: 20px;"><span class="btnToolbar-cont"><span class="btnToolbar-img" style="background-position: -128px 0;"></span>全屏</span></li>
                    <li id="btntool" class="btnToolbar">
                        <span class="btnToolbar-cont"><span class="btnToolbar-img" style="background-position: -142px 0;"></span>工具</span>
                        <div id="toolbag_div" style="width: 60px; border: 1px solid #25abf3; background: #f4f9fd;display: none; color: #777777;margin-top:2px;">
                            <ul></ul>
                        </div>
                    </li>
                    <li id="btnClear" class="btnToolbar"><span class="btnToolbar-cont"><span class="btnToolbar-img" style="background-position: -158px 0;"></span>清除</span></li>
                    <li id="btnExtentMap" class="btnToolbar"><span class="btnToolbar-cont"><span class="btnToolbar-img" style="background-position: -111px 0;"></span>全图</span></li>
                    <li id="btnImgCompare" class="btnToolbar"><span class="btnToolbar-cont"><span class="btnToolbar-img" style="background-position: -96px 0;"></span>对比</span></li>
                    <li id="dict">
                        <div id="dict_text">
                            山东省
                        </div>
                    </li>
                    <li id="vec_img"></li>
                    <li id="btnJiucuo" class="btnToolbar" style="display:none;"><span class="btnToolbar-cont"><span class="btnToolbar-img" style="background-position: -78px 0;"></span>纠错</span></li>
                    <li id="btnxinzheng" class="btnToolbar" style="width:78px;">
                        <span class="btnToolbar-cont" style="padding:0;">开启行政区划</span>
                        <div id="btnxinzhenglabel"></div>
                    </li>
                    <li id="btnbaojing" class="btnToolbar" style="width:78px;background:transparent;position: relative; display:none;">
                        <div class="baoJing dropdown" style="position: absolute;top: -3px;left: 0;background:transparent;">
                            <a class="btn btn-default dropdown-toggle block" type="button" id="dropdownMenu1" href="javascript:void(0);" style="padding:0 10px;border: none;background:transparent;">
                                <img class="baojing" src="~/Content/Map/images/baojing.png" />
                                <img class="baojin" src="~/Content/Map/images/baojin.gif" style="display: none;" />
                            </a>
                            <dl class="dropdown-menu" id="dropdown-menu" style=""></dl>
                        </div>
                        <audio id="myaudio" loop="loop">
                            <source src="~/Content/Map/images/baojing.mp3" type="audio/mpeg" />
                        </audio>
                    </li>
                </ul>
            </div>
            <div class="C_d_mark">
                <ul>
                    <li class="C_d_mark_li">
                        <div id="m_point"></div>
                        <span>矩形</span>
                    </li>
                    <li class="C_d_mark_li">
                        <div id="m_line"></div>
                        <span>圆形</span>
                    </li>
                    <li class="C_d_mark_li">
                        <div id="m_poly"></div>
                        <span>多边形</span>
                    </li>
                    <li class="C_d_mark_li_clear">
                        <div id="m_clear"></div>
                        <span>清除</span>
                    </li>
                </ul>
            </div>
            <div id="mapmain" style="height:100%;width:100%;">
                <div id="Lc" class="lc">
                    <div id="Lc_0">
                        <ul id="d" class="c_list_ul">
                            <li>矢量</li>
                            <li>影像</li>
                        </ul>
                        <div id="d_radio" class="d_radio">
                            <hr align="left" class="contrast_hr" />
                            <ul id="d_ul" class="ul_list"></ul>
                        </div>
                    </div>
                    <div id="Lc_1">
                        <ul id="d1" class="c_list_ul">
                            <li>矢量</li>
                            <li>影像</li>
                        </ul>
                        <div id="d1_radio" class="d_radio">
                            <hr align="left" class="contrast_hr" />
                            <ul id="d1_ul" class="ul_list"></ul>
                        </div>
                    </div>

                </div>
                <div id="mapDiv" style="height:100%;width:100%;float:left">
                </div>
                <div id="mapDiv1" style=" display:none;float:right;border-left:2px solid #FFF" data-calc-width="0%-0px"></div>
                <img id="Ic" src="~/Content/Map/images/c.png" style="position:absolute; z-index:9999; display:none" />

            </div>
            <div id="left_hidden" title="收起左栏"></div>
            <div id="rightWidgetDiv"></div>
            <iframe name="saveFrame" style="display:none;"></iframe>
            <div id="HisliderDiv1" isopen="0">
            </div>
            <div id="HisliderDiv2" isopen="0">
                <div class="closebtn">
                </div>
                <div class="toptitle">
                </div>
                <div class="img">
                    <img src="" style="width:100%;height:100%;" />
                </div>
                <div class="btns">
                    <a href="http://www.sdmap.gov.cn/page/updatelog.html" target="_blank" class="morebtn">更多...</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="width: auto;">
            <div class="modal-content" style="max-width: 100%;">
                <div class="modal-header" style="background: #52adfb;">
                    <div class="modal-title" style="color: #ffffff;font-family: 'Microsoft YaHei';font-size:18px;">法律法规</div>
                </div>
                <div class="modal-body">
                    <div class="modal-title" style="font-size:16px;line-height:30px;" id="modal_title"></div>
                    <p id="modal_content" style="line-height:20px;"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <!--矛盾纠纷案例-->
    <div class="modal fade bs-example-modal-lg" id="myCaseModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="width: auto;">
            <div class="modal-content" style="max-width: 100%;">
                <div class="modal-header" style="background: #52adfb;">
                    <div class="modal-title" style="color: #ffffff;font-family: 'Microsoft YaHei';font-size:18px;">矛盾纠纷案例</div>
                </div>
                <div class="modal-body">
                    <div class="modal-title" style="font-size:16px;line-height:30px;" id="caseModal_title"></div>
                    <p id="caseModal_content" style="line-height:20px;"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <!--提示弹出框-->
    <div id="alertModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document" style="width: 400px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #52adfb;">
                    <h4 class="modal-title" style="color: #ffffff;font-family: 'Microsoft YaHei';font-size:18px;">提示</h4>
                </div>
                <div class="modal-body">
                    <p>请先选择左侧菜单模块，再进行搜索！</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!-- 弹窗 -->
    <div id="imgModal" class="modal">
        <span class="close" onclick="closeImgModal()" style="color: #fff;opacity: 1;">&times;</span>
        <img class="modal-content" id="img01" />
    </div>



    <script src="~/Scripts/map/bootstrap.min.js"></script>
    <script src="~/Scripts/map/bootstrap-treeview.js"></script>

    <script type="text/javascript">

        $(function () {

            //绑定法律法规
            $.ajax({
                type: "POST",
                url: "/Home/GetLawsRegulationses",
                contentType: "application/json",
                dataType: "json",
                data: JSON.stringify({ top: 7 }),
                success: function (result) {
                    var data = result.result;
                    var str = "";
                    for (var i = 0; i < data.length; i++) {
                        var titleStr = data[i].title;
                        if (data[i].title.length > 20) {
                            titleStr = data[i].title.substring(0, 18) + "..";
                        }
                        str += "<a id='" + i + "' href='#' class='list-group-item' data-id='" + i + "' data-toggle='modal' data-target='#myModal' title='" + data[i].title + "' data-title='" + data[i].title + "'  data-content='" + data[i].content + "' >" + titleStr + "</a>";

                    }
                    $("#lawsRegulationses").html(str);
                },
                error: function (error) {
                }
            });

            //绑定矛盾纠纷案例
            $.ajax({
                type: "POST",
                url: "/Home/GetAllCaseCategorys",
                contentType: "application/json",
                dataType: "json",
                data: JSON.stringify({}),
                success: function (result) {
                    var data = result.result;
                    $('#treeview7').treeview({
                        levels: 1,
                        color: "#428bca",
                        showBorder: false,
                        data: data,
                        onNodeSelected: function (event, node) {
                            if (node.layer == 3) {
                                $('#caseModal_title').html(node.text);
                                $('#caseModal_content').html(node.content);
                                $('#myCaseModal').modal('show');
                            }
                        }
                    });
                },
                error: function (error) {
                }
            });


            $('#myModal').on('show.bs.modal', function (event) {

                var button = $(event.relatedTarget) // Button that triggered the modal
                var title = button.data('title');
                var content = button.data('content');
                var id = button.data('id');

                $("#" + id).parent().find("a").removeClass("active");
                $("#" + id).addClass("active");

                var modal = $(this);
                modal.find('#modal_title').html(title);
                modal.find('#modal_content').html(content);
            });

            $("#imgModal").click(function () {
                $(this).hide();
            });

        });

        var showImg = function (obj) {
            var imgUrl = $(obj).attr("data-img");
            $("#imgModal").find("#img01").attr("src", imgUrl);
            $("#imgModal").show();
        };

        var closeImgModal = function () {
            $("#imgModal").hide();
        };
    </script>
</body>
</html>